Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/htsandaruvan/jumpstart_frontend
Jumpstart is an e commerce website where the users can explore and buy anyitems they like, the website contains all type of items like Furnitures, Electronics, Clothes and so on.
https://github.com/htsandaruvan/jumpstart_frontend
javascript jwt-token reactjs spring-boot spring-security tailwindcss typescript
Last synced: 21 days ago
JSON representation
Jumpstart is an e commerce website where the users can explore and buy anyitems they like, the website contains all type of items like Furnitures, Electronics, Clothes and so on.
- Host: GitHub
- URL: https://github.com/htsandaruvan/jumpstart_frontend
- Owner: HTsandaruvan
- Created: 2024-12-01T13:06:05.000Z (about 1 month ago)
- Default Branch: main
- Last Pushed: 2024-12-01T13:38:02.000Z (about 1 month ago)
- Last Synced: 2024-12-01T14:30:48.577Z (about 1 month ago)
- Topics: javascript, jwt-token, reactjs, spring-boot, spring-security, tailwindcss, typescript
- Language: JavaScript
- Homepage: https://htsandaruvan.github.io/jumpstart/
- Size: 10.3 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# JumpStart E-Commerce
A website application that provides users with information about their local
neighborhood. The application allows user to register, login using their
Facebook account through OAuth2, post a store, search another store and
user, and edit their personal profile page
## Project Overview
Users should be able to perform the following functions in the portal
1. Register in the Portal
2. Login to the Portal
3. Add items to the cart
4. View cart items
5. Update their Profile after logging in.
Administrators should be able to perform the following functions in the portal
• Register in the Portal
• Login to the portal
• Add products
• Activate / Deactivate a product post
• Update their profile
• View the List of Registered Users
Both Users & Administrator
• Visit the Home Page
• View product Listing
• About Us Page
• Contact Us Page
• Terms & Conditions
• Search for a product by Name, Brand, Serial No & Price Range
## Technologies Used & System Requirements
Backend : Java SE 11, MySQL 8, Spring Boot, Spring Security, OAuth2 (Facebook API), Restful API
Frontend : React, Tailwindcss, Axios, React-hook-form, React-router-dom
Tools : Node Js (LTS Ver)
## HOW TO RUN
### Backend
1. **Import Existing Project into Visual Studio Code**
2. **Create MySQL database**
```bash
mysql> create database jumpstart
```
3. **Setup application.yml**
```yml
server.port=8080
##Database -- connect mysql
spring.datasource.url=jdbc:mysql://localhost:3306/jumpstart
spring.datasource.username=
spring.datasource.password=
## CREATE,UPDATE,CREATE-DROP
spring.jpa.hibernate.ddl-auto=update
spring.jpa.properties.hibernate.show_sql=true
## JWT CONFIG
jwt.secret=supersecretcode69
jwt.expiration=3600000
# PayPal
paypal.clientId=AX67VeMM2VPi4OP3a21N0e2NpVtfcWcEip_AvG2dZ4ZUi6fhCrn6WR51pdGmI9vrVecbvagqDq6GRIsk
paypal.clientSecret=EFqrglys8ljsmETVur8dqi4Bk_bUH4cZu1JWD_37wjAPx9wU8yHVo2MXxzaqTQTJvrKliwz3Dw5QSMNe
paypal.mode=sandbox
##MULTIPART (MultipartProperties)
# Enable multipart uploads
spring.servlet.multipart.enabled=true
# Threshold after which files are written to disk.
spring.servlet.multipart.file-size-threshold=2KB
# Max file size.
spring.servlet.multipart.max-file-size=200MB
# Max Request Size
spring.servlet.multipart.max-request-size=215MB
```
4. . **Run Java Application**
### Frontend
1. **Import existing project to your Text Editor/IDE and run NPM Install**
```bash
npm install
```
2. **Run React application with NPM Start (Make sure the backend is also running in the localhost:8080)**
```bash
npm start
```
3. **Open [http://localhost:3000](http://localhost:3000) to view it in the browser.**
## Screenshot