🎯 Progress Update:
Today marks the third day of my DevOps journey, and I’m excited to share a key milestone, the completion of the frontend UI design for my application. Although the process was quite time-consuming, especially given my limited experience with frontend development, I’m proud to say that the interface is now fully functional.
Designing the frontend using ReactJS presented its own set of challenges. It required considerable time and effort to understand layout structures, component communication, and styling practices. In parallel, I also worked on the Software Engineering documentation, including system design, architecture, and user flow, which added to the overall workload but significantly helped me structure the system better.
I’ve included both the documentation and screenshots of the application below to showcase the current progress. The application is not only designed but also responsive and ready for integration.
Documentation Link: https://docs.google.com/document/d/1ia_EqDI9kaNc8GWJ8hM-g-hk-S5Vsgep__eZ-CLiizg/edit?usp=sharing
Screenshots:
🔧 What’s Next?
Now that the frontend is in place, it’s time to move to the next phase: backend development.
I am currently deciding between two frameworks:
- FastAPI (Python): Known for its speed and modern features.
- Express.js with Node.js: A powerful choice that aligns well with my frontend stack in ReactJS.
Given the natural compatibility and seamless integration with React, I’m currently leaning toward Express.js and Node.js for building the backend. This will allow for better control over API development and easier handling of frontend-backend communication.
🌱 Reflections & Learnings
This phase of the project has reinforced an important lesson: Consistency and patience pay off. Even with limited frontend experience, I pushed through the challenges, and the results are rewarding. Writing technical documentation alongside development has also improved my understanding of software systems holistically.
📌 What’s Coming Next?
- Set up the backend framework and folder structure
- Start designing RESTful APIs
- Connect the backend to the React frontend
- Begin testing user authentication and data flow
Thanks for following along with my DevOps journey. There’s so much more to learn and build, and I’m excited for the road ahead. Let’s learn, build, and grow together! 🌟
Top comments (0)