Breaking Compounds

Project Description

A full-stack web app that aims to assist users searching for chemical compounds in an organized manner, where users can read, edit, create or delete chemical compounds. The frontend is built using Angular and the backend was developed using ExpressJS with Sequelize ORM.

Tasks completed

Frontend Tasks

• ✔ Card view with all the compound names & their images.
• ✔ Pagination.
• ✔ Card routing for detailed view.

Backend Tasks

• ✔ CRUD API
• ✔ db table in MySQL imported from CSV.

Tech Requirements

• ✔ Angular webapp
• ✔ ExpressJS
• ✔ sequelize ORM
• ✔ MySQL Database
• ✔ Import given CSV.

Installation Guide

1. Clone this repo.
2. Navigate to the backend directory and run npm install.
3. In the backend directory create a .env file and add these four values DB_USERNAME, DB_PASSWORD, DB_DATABASE and DB_HOST.
4. Navigate to the frontend directory and run npm install.
5. Create a MySQL Database and update the connection details.
6. Start the Express Server & Angular App.

Video Demonstration

Screenshots

Card details route

Edit chemical compound

Add chemical compound