I developed this web app with HTML, JavaScript, and CSS, and I have integrated the jQuery library and Bootstrap framework into this app. It fetches from a Pokemon API and displays the Pokemon as buttons. The buttons can be clicked to trigger modal functions built into Bootstrap. The modals display the Pokemon images, names, types, and heights.
This project involved building both the back end and front end of a React web application. First, I implemented the Express framework to route server requests and responses. After that, I designed the architecture of my API. Next, I built a non-relational database using MongoDB, configuring the schema and models with Mongoose. Also, I implemented JWT authentication methods and set up the strategies with Passport. The app features password hashing to keep users safe. The API is hosted via Heroku, and the MongoDB database has been deployed through MongoDB Atlas.
As for the front end, I began with establishing the React library in my app as well Parcel for its bundling and transpiling capabilities. I created several components for the app using JSX and React Bootstrap: the main view, the sign-up view, the log-in view, the movie view, and the profile view. I also used cards in a responsive grid for the movie layout. In addition, I implemented client-side routing and a navigation bar using a state-based router. Last, I hosted the front end of the app via Netlify.
Visit the front-end code or the back-end code on Github
or
Visit the progressive web app
I developed a sophisticated application that enables users to discover local events by seamlessly integrating Google Calendar data. Throughout the project, I emphasized test-driven development (TDD) and behavior-driven development (BDD) to ensure the reliability and robustness of the codebase. Key aspects of the project included the implementation of serverless functions, comprehensive testing methodologies (unit tests, integration tests, end-to-end testing, and user acceptance tests), and secure authentication using Google OAuth. Leveraging Object-Oriented Programming principles, I designed and integrated alert functionality to enhance user engagement. As a Progressive Web Application (PWA), the app offers offline functionality and can be downloaded onto various devices for convenient access. Additionally, I incorporated data visualizations using Recharts to provide users with insightful and interactive displays. This project reflects my dedication to delivering high-quality solutions and leveraging cutting-edge technologies to meet user needs effectively.
This comprehensive app boasts real-time messaging capabilities and versatile multimedia sharing features, including GPS locations, images, and videos. Users can personalize their experience with customizable options, ensuring a tailored interface that suits their individual preferences. I conducted exhaustive testing through Xcode and Android Studio to guarantee seamless cross-platform compatibility, delivering a consistent experience across both iOS and Android devices. By integrating a Firestore database, I ensured robust security and efficient client-side storage, prioritizing user privacy and data management. Notably, I implemented a custom ActionSheet feature to streamline user interaction, simplifying tasks such as image selection, photo capture, and location sharing. This project represents a testament to my dedication and expertise in delivering innovative solutions to meet the evolving needs of mobile communication.
I crafted a dynamic web application using a stack comprising HTML, JavaScript, CSS, and Typescript, harnessing the power and versatility of the Angular framework for its design. This application offers users a seamless experience to explore a vast repository of movies, directors, and genres. With features such as user authentication, users can log in securely to access personalized content. Detailed information about movies, directors, and genres is readily available, empowering users to make informed choices. The ability to add movies to favorites and customize profile details adds a personalized touch to the user experience. Behind the scenes, the application communicates with a robust movie API, which relies on MongoDB to store and manage data efficiently. Together, these elements create a compelling platform for movie enthusiasts to discover, engage with, and enjoy their favorite films.
See the code on Github
or
Visit the web app
The Cookbook Collective is a sophisticated Python recipe app that seamlessly incorporates object-oriented programming principles to organize its functionalities. Leveraging a MySQL database, the app efficiently stores recipe data, while Django serves as its sturdy framework, facilitating smooth interactions. Custom models, meticulously defined and tested, ensure data integrity and reliability. Robust authentication mechanisms, coupled with CSRF protection, guarantee secure user interactions. Matplotlib aids in crafting insightful data visualizations, seamlessly embedded into the HTML interface. Deployment to Heroku, with PostgreSQL as the production database and Gunicorn handling HTTP requests, underscores its scalability and reliability. By managing dependencies through a requirements file and safeguarding sensitive information with environment variables, The Cookbook Collective sets a high standard for recipe apps.
See the code on Github
Visit the web app