Dribbble Clone Project
This project is a clone of Dribbble, built to showcase the implementation of a JSON server as a backend. The clone replicates key features of Dribbble, including user profiles, project showcases, and more.
Frontend
Installation Features Usage API Endpoints Resources Contributing License Installation Prerequisites Node.js and npm installed on your machine. Steps Clone the repository:
https://github.com/sneelesh182/LinkedIn-Luminaries_095 Install dependencies:
Start the JSON server: npm install -g [email protected]
Start the development server: json-server --watch db.json
The application should now be running at Live view: Dribbble
index.html
script.js
browse.html
browse.js
login.html
login.js
signup.html
signup.js
signup_usingmail.html
signup_usingmail.js
support.html
postjob.html
postjob.css
hiring.html
hiring.js
server.js
db.json
styles.css
readme.md
User Authentication: Sign up, login, and manage user profiles. Project Showcase: Upload and showcase projects, similar to Dribbble shots. Search and Filter: Search for projects and filter by categories or tags. Responsive Design: Fully responsive design for seamless experience across devices. Usage Navigate to http://localhost:3000 to use the application. Example User Flow Sign Up: Create a new account. Login: Log in with your credentials. API Endpoints The JSON server provides the following endpoints:
Inspiring Designs http://localhost:3000/inspiring_designs
Moving Cards http://localhost:3000/moving-cards
Explore Designs http://localhost:3000/explore_designs
Contributing Contributions are welcome! If you have any ideas, suggestions, or issues, please open an issue or a pull request.
Fork the repository.
Create a new branch (git checkout -b feature-branch).
Commit your changes (git commit -m 'Add some feature').
Push to the branch (git push origin feature-branch).
Open a pull request.
Welcome to the Project! We value your feedback and suggestions. Please open an issue if you have any feedback, suggestions, or bug reports. We appreciate your input!
Thank you for helping us improve the Project!