Skip to content

Animated React website with MongoDB (Mongoose) connection and a simple Express backend to display Studio 42's projects.

Notifications You must be signed in to change notification settings

Tej-Sharma/interactive-projects-viewer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Interactive Project Viewer

Screenshot of the frontend

Features and stack

Frontend:

  • React, tailwind.css, Bootstrap
  • Clean UI design with fluid UX and animations

Backend:

  • MongoDB + Node/Express + Mongoose
  • Code located in '/backend'

Tests:

  • Unit tests as well as integration tests
  • Jest / Enzyme / react-test-renderer /axios-mock-adapter

Running the app

First, please install the required node dependencies for both the front and backend:

cd backend
yarn install
cd ..
yarn install

Then, simply startup both the frontend and the backend, and the app is good to go

cd backend
node server
cd ..
yarn start

Important Note

For the MongoDB backend, make sure to replace the asteriked text with your own MongoDB url.

About

Animated React website with MongoDB (Mongoose) connection and a simple Express backend to display Studio 42's projects.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published