A website allowing you to add, pin and message friends. Website is fully responsive. I utilizes relational databases to save recent messages and load them when needed.
Im still working on a messaging window.
- React
- Axios
- Cookies
- JWT
For starters install all modules using npm install
. And start hosting the website by typing npm run start
, after few seconds just simply click one of two links displayed in your command prompt and enjoy cruising my website. It is important to notice that for cruicial features of the site you will need a serverside backend that i developed here just follow the guide there to setup server for our website.
The website is composed of many sub-websites which are being shown according to router file which contains many routes and redirects.
Home component
It briefly explains the main purpose of the site and lets you log in
or sign in
. After logging or signing in you will be provided with and access token
that will be stored in cookies. it will allow you to skip logging process and be redirected automatically to your account page. The page is fully responsive. It have a dropdown menu available when the window gets small.
Log in component
Basic Log in form. Two input forms that gather data which will be sent to the server. It also contains button which allows you to redirect to Sign in
if you don't have an account.
Sign in component
Basic Sign in form. Three input forms that gather data which will be sent to the server. It also contains button which allows you to redirect to Log in
if u already have an account.
Friends component
It allows you to add new people that are registered on the website. Also you can change your username if it's not already taken. The friend window allows you to pin or remove friends from your friend list. Pinned friends will be displayed in pinned
tab.
Pinned component
A tab that displays previously pinned friends. It allows users to navigate their friendlist quicker.
Recent component
It displays people that you have recently texted.
If something does not work properly start your debug process by deleting cookies provided by localhost.