Frontend Software Engineer | React | Redux | Javascript | Typescript | Node | Styled-Components

Diptesh Roy  • Peerlist

- Developed and implemented a dynamic Grocery Order Page Demo utilizing React with TypeScript, Redux Toolkit, and styled components.
- Utilized action verbs to showcase passion and dedication in creating an interactive and user-friendly grocery ordering platform.
- Demonstrated expertise in frontend development by effectively using React and TypeScript to build a responsive and intuitive user interface.
- Employed Redux Toolkit to efficiently manage state and ensure seamless data flow throughout the application.
- Enhanced the visual appeal of the grocery order page by integrating styled components for customized styling and aesthetics.
- Successfully showcased technical skills and passion for front-end development through the implementation of a robust and innovative demo project.

Reeco Grocery

Admin User Interface, initial data fetched from API, records are displayed 10 per page pagination, record edit and delete functionality is implemented, multiple delete functionality and search feature is also implemented, created using React JS.

Admin User Interface

Job Portal with login functionality lists all the jobs with pagination, we can also see how many applications are there in a particular job, created using React JS.

Job Portal

E-commerce Website created using HTML, CSS, JavaScript, JQuery, bootstrap for frontend, Python Flask for backend, and SQLite for database.

Mobile E-Commerce Website

Myntra Application created from scratch using React JS.

List of features implemented -
# Home Page
* Sorting filter - sorts the resulting shirts.
* Gender, brand and price filter - filters the resulting shirts.
* Dynamic generation of brand and price filters according to search and gender selection.
* Clear all Button - removes all the filters.
* Add to bag button - adds shirt to bag.
* Shirt wishlist button - adds shirt to wishlist.
* Bag button - navigates to bag page.
* Wishlist button - navigates to the wishlist page.
* Notification toast is given every time a shirt is wishlisted or added to bad or moved to the bag or if any shirt is deleted from them.
* Count Bubble is shown in the Navbar wishlist and bag buttons for the number of items inside them.
* Search result shows all shirts which include the search text inside their brand name or description text.
* Click the logo to reset all search and filters and move to the home page.
* No products found page is implemented when the search results to zero and go to the home button is provided.
* In the top it shows the result for which given search text if anything is searched, else it shows the gender for which the resulted shirts are, along with the resulted shirt count.

# Wishlist Page
* The total number of shirts wishlisted is shown.
* Shirt delete button to delete shirt from wishlist.
* Move to bag button to move the wishlisted shirt to the bag.
* When there is no wishlisted product, No wishlisted product page is shown and a button to home is provided.

# Bag Page
* The total number of shirts carted is shown.
* Shirt delete button to delete shirt from the bag.
* Shows the total cost of all the carted products with a delivery price added.
* When there is no product in the bag, No product page is shown and a button to wishlist is provided.

Myntra Shirt Store

Made using React JS. Did a pixel perfect convertion of wireframe. Displays all the airlines with few filters and shows more detail on hover.

Kayak Airlines Website

Demo Railway Ticket Reservation Website - 
(Website not working cause the database(RemoteMySQL) got deleted)
====================================
Java Maven Web Application using Jsp Servlet and Mysql Database.

Site Use -
====================================
You can REGISTER and use those credential to LOGIN to the site.

You can book demo tickets by clicking BOOK TICKETS, No need to enter anything in the payment page, just click pay right away.

You can visit profile by clicking USER PROFILE to see your information and also your unique PNR ID.

Inside profile, you can delete your account by clicking DELETE ACCOUNT and confirming your password.

You can check your tickets by clicking PNR STATUS. (This page is public i.e. you can access this page without login,by simply using "/pnr_status" in the url).

You need to to enter the PNR ID which is provided in profile page to see all tickets booked by that user.

Thank you... ^-^