Social media app

The app was built using:

• Node.js w/ Express
• TypeScript
• MongoDB
• React.js
• HTML/CSS
• Jest

I have used validation, server and client side authentication, error handling.

Running the app

• Clone the repository

git clone https://github.com/bongoslav/Social-media-app.git

• Install server dependencies and run project

cd <project_name>/api/
npm install
npm start

• Install client dependencies and run project

cd <project_name>/frontend/
npm install
npm run dev

Client is running on port 5173 and server on port 3000.

There is a hidden .env file in /api/ . It contains jwt secret string as well as MongoDB connection string. To run locally you would need to setup the .env file with a correct mongo URL connection similar to this:

mongoURL = "mongodb+srv://<username>:<password>@social-media-app.tj1jh2n.mongodb.net/?retryWrites=true&w=majority";

App preview

Register preview

Some triggered validation errors on login and register pages

Home preview

No user preview

Invalid url page