Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/nisha0202/sugary
Sugary, a modern and intuitive platform for ordering delicious cupcakes online. This project is built with a focus on both customer experience and administrative control, secure authentication, and a responsive design.
https://github.com/nisha0202/sugary
jwt-token mongodb mongoose nodejs react react-hook-form tailwind
Last synced: 11 days ago
JSON representation
Sugary, a modern and intuitive platform for ordering delicious cupcakes online. This project is built with a focus on both customer experience and administrative control, secure authentication, and a responsive design.
- Host: GitHub
- URL: https://github.com/nisha0202/sugary
- Owner: Nisha0202
- Created: 2024-07-25T00:52:19.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-10-22T05:51:44.000Z (29 days ago)
- Last Synced: 2024-10-23T08:05:30.629Z (28 days ago)
- Topics: jwt-token, mongodb, mongoose, nodejs, react, react-hook-form, tailwind
- Language: JavaScript
- Homepage: https://sugaryy.netlify.app
- Size: 514 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## website link - https://sugaryy.netlify.app
## Features
### Frontend
1. **Basic Features:**
- Google login integration.
- User registration with email verification.
- Password recovery and reset functionality.
- Protected routes for secure access to features like adding to cart, placing orders, and managing user profiles.
2. **Admin Dashboard:**
- Upload menu items with image support using ImgBB.
- View and manage orders.
- Pagination support for menus and orders.
- Admin-specific navigation for managing the platform.
3. **User Experience:**
- Smooth navigation with login/logout.
- Add, view, and remove items from the cart.
- Order items with date and time tracking.
- Search functionality for menu items.
- Display menu item details.
- Local storage support for persisting cart data.
- Easy location tracking for order deliveries.
4. **UI Enhancements:**
- Input box styling with theme color.
- Responsive design with gap and justified content centered.
- Modals for displaying additional information.
5. **Third-Party Libraries:**
- **Carousel**: Implemented with `react-slick` and `slick-carousel`.
- **Animations**: Added using `react-awesome-reveal`.
### Authentication
- **Email Verification**: Users must verify their email to log in.
- **Token Management**: User tokens are securely stored on login.
- **Admin and Customer Accounts**: Distinct roles with tailored navigation and permissions.
## Installation
### Frontend Installation
To get started with the frontend:
1. Clone the repository:
```
git clone https://github.com/Nisha0202/sugary/tree/main/client
cd client
```
2. Install NPM packagess:
```
npm install
```
3. Start the development server:
```bash
npm run dev
```
### Backend Installation
To set up the backend:
1. Clone the repository:
```
git clone https://github.com/Nisha0202/sugary/tree/main/backend
cd backend
```
2. Install NPM packages
```
npm install
```
3. Set up your environment variables in a `.env` file:
```
MONGO_URI=your-mongodb-connection-string
JWT_SECRET=your-jwt-secret
```
4. Start the backend server:
```
nodemon .index.js
```
## Admin Access
- **Admin Email**: `[email protected]`
- **Admin Password**: `11111`
## Customer Access
- **Customer Email**: `[email protected]`
- **Customer Password**: `12345`
## Tech Stack
- **Frontend**: React, React Router, Tailwind CSS
- **Backend**: Node.js, Express.js, MongoDB, Mongoose
- **Authentication**: JWT, bcrypt
- **Image Hosting**: ImgBB
## Usage
1. **Admin Dashboard**: Admins can upload new menu items, manage existing ones, and track orders.
2. **Customer Experience**: Customers can browse the menu, add items to their cart, and place orders.
3. **Order Management**: View past orders and track their status.
4. **Search and Filter**: Easily find items through search and filter options.