This is a Reddit clone web application built with Next.js 13. It aims to replicate some of the core functionalities and features of the popular Reddit platform. Users can create accounts, submit posts, comment on posts, upvote and downvote posts and comments, and engage in discussions within various communities.
- User authentication: Users can create accounts, log in, and log out.
- Community creation: Users can create new communities or join existing ones.
- Post submission: Users can submit text-based posts within communities.
- Commenting system: Users can comment on posts and engage in discussions.
- Voting system: Users can upvote or downvote posts and comments.
- Sorting and filtering: Users can sort posts by popularity, recency, or other criteria.
- Responsive design: The web app is optimized for various screen sizes and devices.
- Next.js 13: A React framework for server-side rendering and building web applications.
- React.js: A JavaScript library for building user interfaces.
- TypeScript: A statically typed superset of JavaScript.
- Tailwind CSS: A utility-first CSS framework for styling the web app.
- MySQL: A Relational Database backend data storage.
The project follows a modular structure to ensure scalability and maintainability. Here's an overview of the main directories and files:
pages/: Contains the Next.js page components for different routes.components/: Contains reusable React components used across the app.styles/: Contains global styles and CSS utility classes.prisma/: Contains Firebase configuration and helper functions for authentication and database operations.public/: Contains static assets such as images or fonts.README.md: This file, providing an overview of the project.
To run the Reddit clone web app locally, follow these steps:
- Clone the repository:
git clone https://github.com/Abdull-Haseeb/Redditt-Clone-Next13 - Navigate to the project directory:
cd reddit-clone-webapp - Install dependencies:
npm install - Set up MySQL.
- Start the development server:
npm run dev - Open your browser and visit http://localhost:3000 to see the app in action.
Contributions to the Reddit clone web app are welcome! If you find any bugs, have feature suggestions, or want to contribute code, please follow these steps:
- Fork the repository.
- Create a new branch:
git checkout -b feature/your-feature-name. - Make your changes and commit them:
git commit -m "Add your feature description". - Push to the branch:
git push origin feature/your-feature-name. - Open a pull request and describe your changes.
Please ensure that your code follows the project's coding conventions and includes appropriate tests.
This project is licensed under the MIT License. See the LICENSE file for more details.
- This project is inspired by the Reddit platform and aims to provide a simplified clone for learning purposes.
- Thanks to the Next.js, React, and Firebase communities for their excellent tools and documentation.
We hope you enjoy using the Reddit clone web app! Happy coding!