This week, the Skillvalley team did not organise any sessions. As a result, we had plenty of time to work on our project.
Here's what I've been up to this week.
Until last week, anyone could access every route on our website. As a result, I created PrivateRoutes that only logged-in users can access. But first, I needed users to be able to register and login to our site. So I created a login and signup form, as well as a welcome form, from which we will collect user information such as name and bio. After that, I linked it to Firebase. We initially planned to use Node and Mongo in the backend, but no one on our team was particularly skilled in this area. So I asked if we could use Firebase. and everyone was in agreement.
The next feature to be added was the ability for users to post on our website. So I added a form component to the home page where users can write posts of up to 280 words. and publish it. For the same, a backend with Firebase was also implemented.
When I refreshed the home page, it did not load and displayed an error message in console. because it took a long time to get data from firabase and store it in state. So I added a spinner component that will spin until the data is loaded. When it is finished, it will display the page with the output.
Following that, I created a ProfilePage that displays logged-in user data and posts. It was simple to implement because I had done the same thing on home page. Then I thought that users should be able to search other users, so I added a search feature to the search bar that uses user data stored in Firebase.
Our website is now operational. If you're interested, you can check out by clicking the link below.
That was all about week 5 of Skillvalley cohort. If you liked it please make sure you share this blog or comment down below, I also write about technical stuff on my page so please follow my page, and like this series. The new blog would be coming out every week.
Catch me up on Twitter @Suhaasya and I will meet you in the next one 👋
Thank you so much for reading 💖