About the Project – Example (based on your Skill-Earn app)
(You can copy-paste this directly)
Inspiration This project was inspired by the idea that many students have skills but no proper platform to earn from them. I wanted to build a simple and clean website where users can post tasks and help each other through skill-based work. The goal was to create a mini freelance ecosystem for students.
What I Learned While developing this project, I learned how to structure a webpage using HTML and style it using CSS, flexbox, and basic responsiveness. I also understood the importance of user-friendly UI/UX design, spacing, alignment, and how real web projects are organized. Additionally, I learned how hosting works and how to deploy a project online.
How I Built the Project I started by planning the basic layout such as homepage, task posting page, and navigation. I created the structure using HTML and applied CSS to design clean sections, proper spacing, colors, and alignment. Flexbox helped me arrange items neatly. After completing the UI, I tested the pages for mobile responsiveness and made adjustments. Finally, I hosted the project using Base44 to make it publicly accessible.
Challenges I Faced One challenge was maintaining consistent styling across all pages. I also struggled with responsive design because elements were misaligned on smaller screens. Understanding flexbox gap, alignment, and proper width sizing took time. Deployment was another challenge since I was doing it for the first time. But by testing, debugging, and searching for solutions, I solved these issues.
Final Outcome The final project is a simple task-posting platform where users can describe their tasks and collaborate. The UI is clean, minimal, and easy to use. This version is basic, but it forms a strong foundation for advanced versions with login systems, databases, and payment features.
Conclusion This project improved my confidence as a beginner web developer and helped me understand how real-world web applications are structured. I plan to add more features in the future and continue learning front-end and back-end development.
Log in or sign up for Devpost to join the conversation.