A twitter clone
Foxter is a simple twitter-like app. You can post messages and view all posts made by users. The app is built using React.
The App is in development. Currently the app provides an input field where users can type in their messages, and a "Post a Fox" button to submit the message. The messages are displayed in a list on the same page, with the newest messages appearing at the top. Each message can be deleted by clicking on a "Delete" button next to it. New features get added every week.
- Account Creation: Provide a username and password to create your user account.
- Text Input Field: Type and share thoughts, opinions, questions, or links in the text input field on your home page or news feed.
- Hashtags: Use "#" before words or phrases to group related posts by topic or type, making them easier to find.
- "FoxIt" Button: Click to submit your post and make it visible to others. Delete by clicking the delete icon underneath.
- Content Display: View posted content in a list on the news feed or home page.
- Delete Posts: Click the delete icon next to your own post to remove it from the website.
- Chat: Communicate with users directly or in groups using the chat feature.
- React, Next.js, Node.js, SQLite
- HTML
- CSS
To run the app, follow these steps:
- Clone the repository to your local machine
$ git clone [email protected]:green-fox-academy/foxter.git - Navigate to the frontend and backend project directories one by one and install the necessary packages.
- (i)
$ cd foxter/frontend->$ npm install - (ii)
$ cd foxter/backend->$ npm install
- Now start the backend development server by running the following command:
-
$ cd foxter/backend->$ ts-node server.ts - Start the frontend devlopment server by running the following command
-
$ cd foxter/frontend->$ npm run dev
The app should now be running on http://localhost:3000 in your browser.
Foxter is a simple and fun application that demonstrates the basic concepts of building a web application using React. Whether you're a beginner or an experienced developer, Foxter is a great starting point for learning how to build modern web applications.