Live: https://odinbook-client-production-9219.up.railway.app
- This is a full-stack Facebook-clone website created with MERN stack and NextJS.
- The REST API used by this app is odinbook-api.
To get started with the website, follow these steps:
- Clone the repository to your local machine.
- Run npm install to install the project dependencies.
- Rename .env.local.example file to .env.local and fill in the necessary environment variables.
- Run npm run dev to start the development server.
- Open http://localhost:3000 in your web browser to view the website.
The website includes the following features:
- Authentication for users of credentials.
- Visits the website as a visitor.
- Logs in with Facebook authentication.
- View posts from user and friends in a feed manner.
- Make a post with or without an image.
- View and make comments.
- Like a post.
- Change name and profile picture url on profile.
- Responsive design supported by Bootstrap.
The following dependencies are used in this project:
- next: Framework for server-rendered React applications.
- react: JavaScript library for building user interfaces.
- react-dom: Entry point to the DOM and server renderer for React.
- bootstrap: Responsive design supported.
- luxon: DateTime helper.
The website includes the following pages:
- /: The homepage, which displays authentication forms.
- /: The homepage including a feed, after authentication.
- /friends: Displays a list of users including user's friends and friend requests.
- /posts: Displays a list of all posts from all users.
- /profile: Displays the profile page of the user and also a feed from user's posts.
The website uses the API endpoints from odinbook-api.
Contributions are welcome! If you'd like to contribute to this project, please fork the repository and submit a pull request.
This project is licensed under the MIT License. See the LICENSE file for details.