This is a messenger application built with Next.JS and Typescript. This application is a realtime chat and messenger, meant to be simple and have all the most functionalities that common application like this has to have.
You can find the API source code here.
Here are some screenshots in default light and dark themes:
- This application is able to perform all CRUD operations to manipulate data to accomplish its purposes.
- Implemented user authentication using tokens and refresh tokens strategy with secure httpOnly cookies.
- Full featured user profile with user data and picture.
- Has more than just default dark and light themes, for now, there are 3 themes to choose, between light and dark themes. Uses the browser localStorage to save user theme preferences.
- Built from scratch, a custom, beautiful and clean user interface, all built powered with styled-components, and ofcourse, animations.
Make sure you have installed Node.js (v16.15.1 or later recommended) and also comes with npm.
In the project directory, you can run in terminal:
npm run dev
Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.
The page will reload when you make changes.
You may also see any lint errors in the console.
npm run build
Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
E-mail: nhantumbok@gmail.com
Github: https://github.com/KainNhantumbo
Portfolio: https://portifolio-dev-kainnhantumbo.vercel.app
My blog: https://publish-it-programming.vercel.app
If you like this project, let me know by leaving a star on this repository so I can keep improving this app.😊😘
Best regards, Kain Nhantumbo, a web developer from Mozambique.
Made with ❤ Next.JS and Typescript
Licensed under Apache 2.0 License. All rights reserved.
Copyright © 2022 Kain Nhantumbo.