NimsLips is a lipstick recommendation website developed as part of a Web Hackathon - WebCraft 2k24 at our college. My friend and I worked on this project together: she handled the design, and I took care of the coding. Our goal is to create a user-friendly platform where users can select lipstick shades and see them on a demo lips display.
Current Status: Incomplete, with basic structure in place.
- Frontend: HTML, CSS, JavaScript
- Design: Figma (by my friend)
- Version Control: Git & GitHub
- Basic structure of the webpage
- Navigation bar
- Initial styling for the page
Here's what we plan to add next:
- Dynamic Lipstick Shades Display: Integrate a feature to show selected shades on demo lips.
- User Interaction: Enable users to interact with the color picker and see real-time changes.
- Backend Integration: Connect to a database to store and retrieve lipstick shades.
- Advanced Styling: Improve the design and user interface with more CSS and JavaScript enhancements.
- A web browser (Chrome, Firefox, Safari, etc.)
- A code editor (VS Code, Sublime Text, etc.)
-
Clone the repository:
git clone https://github.com/yourusername/NimsLips.git
-
Open the project folder in your code editor.
-
Open index.html in your browser to see the project in action.
We welcome contributions! If you'd like to help, please fork the repository and create a pull request. Here’s how you can get started:
- Fork the repository.
- Create a new branch (git checkout -b feature/your-feature).
- Make your changes and commit them (git commit -am 'Add new feature').
- Push to the branch (git push origin feature/your-feature).
- Submit a pull request.
This project is licensed under the MIT License. See the LICENSE file for details.
- Thanks to my friend for the amazing design work! 🙌
- Special thanks to our college for hosting the hackathon.