Frontend & UI Developer | MERN Stack | Next.js | WordPress Developer

github

Busuyi Omotosho  • Peerlist

In an effort to hone my React and NodeJS skills, I embarked on a personal project to create a note-keeping web application inspired by Google Keep. The main goal of the application was to provide users with a platform to quickly jot down notes and ideas, storing them locally on their computers.

The front end of the application was built using ReactJS, a powerful JavaScript library for building user interfaces. The decision to use ReactJS was influenced by its efficiency, flexibility, and the modular structure of components it offers.

For designing the user interface, Material UI, a popular React UI framework, was used. It allowed me to create a modern, user-friendly, and responsive UI with pre-built components that followed Material Design guidelines. HTML and CSS were used to structure and style the application, ensuring it was visually appealing and intuitive to navigate.

On the backend, NodeJS was utilized for server-side scripting. It allowed for efficient management of data, ensuring the application could effectively save and retrieve the user's notes.

Keeper App (Note-Keeping Web Application Development)

Overview:
Developed as a self-initiative to bolster my proficiency in React, I embarked on a project to create a personal budgeting app. This application offers users an intuitive platform to manage, monitor, and track their financial budgets seamlessly.

Technologies Used:
The application harnesses the power of Vite for a faster and leaner development environment. The foundation rests on React, which empowers the application with its component-based architecture, ensuring modularity and ease of maintenance. The user interface and design were meticulously crafted using HTML and CSS, offering an intuitive and responsive user experience across devices. Underpinning the app's functionality, JavaScript was employed to imbue dynamic features, user interactivity, and data management.

Features:
- Local Data Storage: User financial data and budget inputs are stored securely in the browser's local storage. This ensures data persistence, allowing users to pick up where they left off until they consciously decide to terminate the session.
- Budget Management: Users can set monthly or weekly budgets, add income sources, and input expenses, enabling a holistic view of their financial status.
- Dynamic Tracking: As users update their income and expenses, the app dynamically adjusts, providing real-time insights and overviews.
- Intuitive UI/UX: Designed with user experience at the forefront, the application offers straightforward navigation, clear visualizations, and easy-to-understand budget breakdowns.