[DAY 108-112] I built my first full-stack app with CRUD and auth logins

thomascansino

Thomas Cansino

Posted on September 9, 2024

[DAY 108-112] I built my first full-stack app with CRUD and auth logins

Hi everyone! Welcome back to another blog where I document the things I learn in web development. I do this because it helps retain the information and concepts through active recall.

On days 108-112, I built a simple blog website that create, read, update, and delete posts with authenticated user login (username, email, and password).
Image description

I used MERN (MongoDB, Express, Reactjs, Nodejs) stack to build the full-stack app from scratch and the purpose of doing it is to practice everything that I've learned so far.
Image description
Image description

In fact, I plan to build more simple full-stack apps like this to further practice my skills in everything. Learn by doing.

I gotta say, I took a 3-week break from learning the course in freecodecamp because after consistently doing this for almost 5 months, I felt like I needed it.

During my break, I built a blog website as my first full-stack project.

In those 3 weeks, I learned about the backend, and how to integrate it with the database, and practiced my frontend skills.
Image description
Image description

I didn’t focus too much on the design of the website but rather on the backend and the database side since that's where I think I needed practice.
Image description

I learned so much building my first full-stack project and I plan to do more in the upcoming weeks.

For my next projects, I plan to build a task manager (like a to-do list app) with a user login, and a contacts manager with a user login.

My goal is to practice my full-stack skills and learn more by doing these simple projects.

Also, I’ve decided to return to freeCodeCamp and continue the Backend + Database course to earn the Backend Certificate.

After this, I’ll be building more full-stack projects to further practice my skills.

As I resumed the course, I covered the MongoDB and Mongoose topic, where I learned how to connect a database to my backend using Mongoose.
Image description
Image description

Some basic syntax was taught, but I noticed that some of it seemed outdated, as I’ve already used Mongoose in my first full-stack app, and some of the code I used were slightly different.

Anyway, next week, I’ll be building the 5 backend projects required to complete the course.
Image description

That’s all for now. More updates in my next blog! See you there!

💖 💪 🙅 🚩
thomascansino
Thomas Cansino

Posted on September 9, 2024

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related