A Full-Stack Project With React and FastAPI - Part 1
Learn full-stack development with this weekend project!
Weekends are good fun and a great time to learn something new through the process of experimentation. Taking this to heart, I recently worked on a small project that was one of my early forays into building a full-stack project using with both backend and frontend frameworks.
Previously, having only had thorough professional experience in backend development, I was quite excited about this project.
This was a fun little two-day experiment that turned out great and also helped me learn a ton of new stuff, and I’m hoping this series of articles will be as enjoyable and provide some learnings for you as well.
Let’s dive in!
The Project
I was recently looking at the Twitter API and was curious about trying it out for myself. Thus spurned the idea for this project.
I’m calling this project: TweetLoader and what it does is basically uses the Twitter API to fetch the last maximum number of tweets possible (about 3200, as limited by the API) from any given username.
Sounds simple enough? Good, because we’re also going to have a frontend and backend pagination applied to the API responses for displaying in the homepage as well.
Subscribe to receive all next issues of this tutorial directly to your inbox.
The Design
I like working on the figma design before I start working on any project as it does two things for me: one, it gives me a visual idea of what I want the end result to look like.
Two, it feels great to not flounder when coding the frontend and it reduces mistakes and deliberate whimsical changes that I may want to impose at the last minute.
Let’s look at the finished design now, shall we?
Btw, I did share it on my Twitter first, if you haven’t seen it yet!
What can I say, this neo-brutalism style has grown on me ;)
Great! Now, let’s initialize our project.