Bookish is an authentication-based SPA with social network functionalities: profile editing, networking, chatting, notifications.
🖥 Optimized for full-screen desktop.
❓ This application was made as a learning project during the full stack bootcamp at Spiced Academy and it was my introduction to all-things React.
-
Personal profile:
- users can upload a profile picture, add/edit their bio
- users can view a list of their friends and friend requests
-
Wall posting:
- users can add simple text messages to their own and their friends' walls
-
Networking:
- users can view a list of the newest users and search through the platform's existing users
- users can send, accept & reject friend requests, or unfriend existing friends
- users can see the friends of their friends (including friendship status with these)
-
Community chat room with online users:
- users can chat in real time
- users can view a list of online users which updates in real time
-
Notifications:
- users get a notification whenever there is a new friend request (notification persists if user goes offline without having seen it)
- users get a notification whenever a friend appears online
-
General functionalities
- authenticate/login (with client-side validation)
- reset password
- logout
- delete own account, including all friendship statuses, chat messages, wall posts and uploaded profile pictures
- Javascript
- A pinch of Typescript
- React & Redux
- Node.js & Express
- PostgreSQL
- AWS S3 & SES
- Socket.io
- you need to own an AWS account with an S3 Bucket as well as SES, and pass AWS credentials so the middleware works
- pass a recipient email in the
ses.jsfile (under "Destination") in this repo to test the password verification functionality - set up a PSQL database as described in the
socialnetwork.sqlfile in this repo - clone the repository
- install all the dependencies with
npm install - run the project locally with
npm run devand open it atlocalhost:3000
