CronyGlasses is a Vite-powered React application showcasing the most demanded drinks in India, allowing users to place orders.
- Installation
- Usage
- Contributing
- License
To install and run CronyGlasses, ensure you have Node.js and npm installed. Clone the repository and install the necessary dependencies.
# Clone the repository
git clone https://github.com/freedompraise/CronyGlasses.git
# Change directory to the project folder
cd CronyGlasses
# Install the required packages
npm install
# Run the development server
npm run dev
To run the tests, use the following command:
npm test
To use CronyGlasses, open your browser and navigate to http://localhost:3000/
. You'll see a list of popular drinks in India. Select any drink to view details such as price, ingredients, and ratings. You can place an order by clicking on the order button and completing the form.
CronyGlasses started as a Django FullStack app in 2022, but due to responsive issues and deployment challenges, I transitioned it to React and Tailwind after learning these technologies. It's an E-commerce store built using React with a Supabase database, and deployed on Vercel.
The app uses the useContext
hook for handling carts and real-time updates, including order history.
- Define color variables for light and dark themes
- Write tests for major functionalities
- Separate concerns if handling the backend
- Consider using a larger library like Redux for state management
- Implement loading pages
CronyGlasses is open-source, welcoming contributions. If you'd like to contribute:
- Fork the repository on GitHub
- Create a new branch for your feature or bug fix
- Make your changes and commit them
- Push your branch to your forked repository
- Create a pull request to the main branch of CronyGlasses
- Await feedback or approval
You can also report issues, suggest features, or ask questions on the issues page.
Current contributors:
- Praise Dike @freedompraise
- Mayur Chaure @mr-mayurchaure
CronyGlasses is licensed under the Apache License 2.0. See LICENSE for more details.