Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/draganaleksic99/blueroad
Social media app with features inspired by X (Twitter).
https://github.com/draganaleksic99/blueroad
express-js material-ui mocha mongodb mongoose nodejs react react-router tanstack-query typescript
Last synced: about 1 month ago
JSON representation
Social media app with features inspired by X (Twitter).
- Host: GitHub
- URL: https://github.com/draganaleksic99/blueroad
- Owner: DraganAleksic99
- Created: 2023-12-29T10:12:02.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2024-11-21T23:21:30.000Z (about 1 month ago)
- Last Synced: 2024-11-21T23:26:55.013Z (about 1 month ago)
- Topics: express-js, material-ui, mocha, mongodb, mongoose, nodejs, react, react-router, tanstack-query, typescript
- Language: TypeScript
- Homepage:
- Size: 982 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# blueroad
Social media app with features inspired by X (Twitter).
## Features
- User profile
- Users following each other
- Who to follow suggestions
- Posting messages with photos
- Newsfeed with posts from followed users
- Liking posts
- Commenting on posts
- Signup / Login
## Stack
- [React](https://react.dev/)
- [React-Router](https://reactrouter.com/en/main)
- [TanStack Query](https://tanstack.com/query/latest)
- [MaterialUI](https://mui.com/)
- [Express.js](https://expressjs.com/)
- [MongoDB](https://www.mongodb.com/)
- [Mongoose](https://mongoosejs.com/)
- [jsonwebtoken](https://www.npmjs.com/package/jsonwebtoken)
- [Mocha](https://mochajs.org/), [Chai](https://www.chaijs.com/), [Sinon](https://sinonjs.org/)
- [formidable](https://www.npmjs.com/package/formidable)
## Quickstart
### Clone this repository
Run the following command to clone the repo:
```
git clone https://github.com/DraganAleksic99/social-media-app.git
```
### Frontend Setup
Navigate to the frontend directory:
```
cd /frontend
```
Install dependencies:
```
npm install
```
Start the development server:
```
npm run dev
```
### Backend Setup
Navigate to the backend directory:
```
cd /backend
```
Install dependencies:
```
npm install
```
Fill out secrets:
```
cp .env.example .env
```
### Open in your browser
You can now visit http://localhost:5137.