KRONICLE - Website for Selling and Bidding K-pop Photocards

React + Firebase solution for Buy, Bid, and Classify K-pop photocards

Demo Web

---

📌Features

This React Firebase app contains a few key features that all apps backed by Firebase support:

• Registration with E-mail & Password
• Login with E-mail and Password
• Handling persisted login credentials
• Navigation (react-router-dom)
• Writing to Firestore Database
• Reading from Firestore Database
• Uploading images to Storage
• Listing selling products on Firestore
• Buying now products
• Biding now products
• Calculating shipping and coupon amount
• Checkout products
• Viewing seller's profile
• Logout

💻 Screen shots

demo	demo	demo

demo	demo	demo

📖 Documentation

Project Proposal	Final Report

Figma

Figma for design system and prototypes

Trello

collaboration tool that organizes our project into boards

---

🫂 Authors

Tran Ngoc Anh Thu Machine Learning Engineer, Designer, Full Stack Developer

Doan Yen Nhi Project Manager, Full Stack Developer

Du Duc Manh Full Stack Developer, Github Administrator

Nguyen Hoang Linh Full Stack Developer, Github Administrator

Hua Minh Thu Designer, Full Stack Developer, Meeting Minutes Taker

---

🎉Local Environment Setup

Please make sure that you have node v18.1.0, installed on your system. No other software or libraries required.

• Step 1: git clone https://github.com/Kronicle-team/kronicle-app.git OR Download ZIP & Unzip .zip file to a location of your choice.
• Step 2: Use the command line to navigate to the aforementioned folder E.g. cd kronicle-app/
• Step 3: Run npm install: Install NPM packages with your package manager of choice
• Step 4: Start the app, run npm start from the root of the project.

The Machine Learning web app files that you gave us can be found in https://github.com/Kronicle-team/demo-web-app.git in our organization

Modify the environment variables files in root folder .env file

---

📄 License

React is MIT licensed.