My Projects
NextJS+Movies
A single page, fully responsive, web-application which lets users search movies from a database.
- Built using nextjs and uses custom _document to customize font style and Image component to customize images.
- Uses the nextjs’ built-in router functionality to display landing, search results, and individual movie pages.
- Uses getStaticProps and getServerSideProps methods to fetch less frequently changed movies’ data and dynamic data respectively.
React+Meal
A single page food ordering web application.
- Built using react and uses react-router to implement single page application functionalities.
- Uses redux-toolkit to build an app-wide state for shopping cart and react portal to display order success message.
- Uses useEffect hook to make async calls.
- Uses a custom hook to implement fetching of menu from firebase.
- Uses useReducer hook to implement checkout-form validation.
Omnifood
A food delivery service website.
This is a replica of a project. The original project belongs to my
instructor
Jonas Schmedtmann.
- HTML-5, CSS3, JavaScript.
- Flexbox and grid models.
- Fully responsive design built using break points for various screen sizes and responsive units.
Forkify App
A web-application, which allows the user to search food recipes, add
recipes, and bookmark recipes.
This is a replica of a project. The original project belongs to my
instructor
Jonas Schmedtmann.
- Uses object-oriented paradigm of JavaScript, the MVC architecture, JavaScript modules, and npm packages such as fractional.
- Uses API to retrieve recipes from a server, uses promises and async functions to carry out asynchronous operations.
- Uses arrays, objects, array methods, event listeners, and DOM methods and properties.
Bankist
A web application developed using javaScript, simulates a bank’s
transaction page.
To login to the project, use the first user name: "js" and the
password: "1111" or the second user name: "jd" and the password
"2222"
This is a replica of a project. The original project belongs to my
instructor
Jonas Schmedtmann.
- Uses javaScript objects and arrays to store data locally.
- Uses functional paradigm of javaScript
- Uses event listeners and DOM methods and properties.
Feel free to reach out