/ATPWIK

A Mongodb-Express-Reactjs-Nodejs full stack web application to demonstrate my full stack developement knowledge/skills.

Primary LanguageJavaScript

MERN ATPWIK (MERN Application To Present What I Know)

A Mongodb-Express-Reactjs-Nodejs full stack web application built using mostly pure CSS and additionally the bootstrap css framework along with font-awesome icons to demonstrate my full stack developement knowledge/skills. All of the database models, routes react components etc. are created by me from scratch, though some of them are inspired by or seen in tutorials/courses. The app is still under developement.

app-tour

How to run the app

  1. To run the app you need to have Node.js (tested for versions >= 12) and MongoDB installed.

  2. Install server dependencies by running:

cd server-app && npm i && cd ..
  1. Install client dependencies by running:
cd client-app && npm i && cd ..
  1. Start the server app, by running:
cd server-app
npm run dev
  1. Start the client app, by running:
cd client-app
npm run dev

docker-compose.yaml and Dockerfiles are comming soon...

Screenshots of the app so far

Products page (desktop)

products-desktop

Products page (mobile)

products-mobile

Searching and filtering by category

search filtering

Products Details

example product

Comments Section

comments section

Login Form

login

Forms have validation

register

User's Profile Page

profile

Profile Admin Panel

admin

Modify an existing product

add or modify product