Frontend Engineer at OpeninApp | Building for creators 🚀

projects

github

youtube

Kumar Avishek  • Peerlist

Mercor - Drag and Drop

3D-MapSnap is a React project that allows users to choose a location on a Mapbox map, display the visible region, and then capture it as an image to apply as a texture to a 3D cuboid using BabylonJs.

3D MapSnap

Explore the world of data visualization in my personal project! This showcase features a captivating dashboard built with Next.js 13, Next Auth, Tailwind CSS, and Recharts.js. Track, analyze, and visualize key metrics like revenues, transactions, users, and likes in real-time.

Board

<h3 class="rich-heading">Shoptik - Furniture eCommerce Web App</h3><ul><li>Shoptik is a full-stack Ecommerce project designed to sell furniture online. </li></ul><ul><li>The project uses modern technologies to provide an engaging user interface and a seamless shopping experience. </li></ul><ul><li>The frontend of the project was developed using React, Context API, and React Router. Stripe was integrated as the payment gateway, and user authentication and authorization were implemented using Auth0.</li></ul><ul><li>For data storage, Airtable was used as a scalable and efficient database solution. </li></ul><ul><li>Serverless functions were implemented on the backend to handle the processing of data and the communication between the frontend and the database.</li></ul><h3 class="rich-heading">Features</h3><ul><li> 📱 Easy to navigate user interface for furniture shopping</li><li> 💳 Secure payment gateway integration using Stripe </li><li> 🔐 User authentication and authorization using Auth0 </li><li> 📝 Efficient data storage and retrieval using Airtable </li><li> 📲 Responsive and fast frontend using React, Context API, and React Router</li><li> 🏗️ Scalable backend using serverless functions</li></ul><h3 class="rich-heading">Tech Stack</h3>Frontend: React, Context API, React Router, TailwindCSSBackend: Netlify Serverless functionsPayment Gateway: StripeData Storage: AirtableUser Authentication: Auth0<h3 class="rich-heading">Live Project</h3><ul><li>You can access the live version of the Shoptik eCommerce by following this link <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://shoptik.netlify.app">Shoptik</a></li></ul><h3 class="rich-heading">Design inspiration</h3><ul><li><a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://www.behance.net/gallery/85274215/Furniture-e-Commerce-Website-Landing-Page-Exploration">Behance</a></li></ul><h3 class="rich-heading">Lessons Learned 📝</h3><ul><li>Integrating Stripe payment on the frontend and backend using Stripe API</li><li>Creating a secure and scalable backend using serverless functions</li><li>Implementing user authentication and authorization using Auth0</li><li>Using Airtable as a database solution for efficient data storage and retrieval</li><li>Implementing a responsive and fast frontend using React, Context API, and React Router</li><li>Understanding the importance of proper project structure and organization</li><li>Leveraging Git for version control and collaboration in software development</li><li>Writing clean and maintainable code for long-term project sustainability</li><li>Handling errors and debugging issues in a full-stack project</li><li>Ensuring the security of user information and payment transactions.</li></ul><h3 class="rich-heading">Feedback</h3><ul><li>Please let us know your thoughts on my app by sending any suggestions or feedback to <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="mailto:kumaravishek2015@gmail.com">kumaravishek2015@gmail.com</a>.</li></ul><h3 class="rich-heading">🚀 About Me</h3><ul><li>Full-stack developer with experience in modern web development.</li><li>Proficient in React and JavaScript for frontend development.</li><li>Skilled in Redux Toolkit for state management in frontend applications.</li><li>Experienced in Node.js and Express.js for backend development.</li><li>Ability to create efficient and high-performance server-side applications.</li><li>Proficient in using TailwindCSS for creating visually appealing and responsive user interfaces.</li><li>Passionate about building user-friendly and efficient applications using cutting-edge technologies.</li><li>Always eager to learn new technologies and improve skills to provide the best solutions to clients.</li></ul>

Shoptik - Furniture eCommerce Web App

<ul><li>Indago is a web-based job tracking application that allows job seekers to easily keep track of their job search progress.</li><li>The app allows users to add jobs they have applied to, track the status of each application, and receive updates on any changes to the status of the job.</li></ul><ul><li>With Indago, job seekers can quickly and easily see which jobs they have applied to, what stage the application is in, and whether or not they have been accepted or rejected. This eliminates the need to search through emails or keep a separate spreadsheet, making the job search process less overwhelming and more organized.</li></ul><ul><li>The app features a clean, user-friendly interface that is easy to navigate.</li></ul><ul><li>Indago is a must-have tool for anyone actively searching for a job. Try it now and take control of your job search!</li></ul><ul><li>The frontend of the app is built with ReactJS, utilizing the Redux Toolkit for state management and TailwindCSS for styling. Data is fetched using the Axios library.</li><li>The backend is built with NodeJS and ExpressJS, and media uploads are handled by Cloudinary.</li></ul><h3 class="rich-heading">Features</h3><ul><li>🔐 User authentication and authorization with JWT</li><li>📝 Create, read, update, and delete job listings</li><li>🔍 Track the progress of job applications status with a customized job pipeline</li><li>🖼️ Upload images of job listings using Cloudinary API</li><li>📊 Visualize job application data with Recharts graphs</li><li>📲 Responsive design</li></ul><h3 class="rich-heading">Live project</h3><ul><li>You can access the live version of the Indago web app by following this link <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://indago-job.netlify.app/">Indago</a></li></ul><h3 class="rich-heading">Tech Stack</h3>Frontend:<ul><li>React</li><li>Redux Toolkit</li><li>React Router</li><li>TailwindCSS</li><li>Axios</li><li>Recharts</li></ul>Backend:<ul><li><a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://github.com/themodernmonk7/Indago-job-tracking-web-API">Own REST API deployed on Railway</a></li><li>Node.js</li><li>Express.js</li><li>MongoDB</li><li>Mongoose</li></ul>Image Upload:<ul><li>Cloudinary API</li></ul>Database: <ul><li>MongoDB</li><li>Mongoose</li></ul>User Authentication:<ul><li>JSON Web Tokens (JWT)</li></ul><h3 class="rich-heading">API</h3>You can access the REST API backend of the Indago web app by following this git repo link: <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://github.com/themodernmonk7/Indago-job-tracking-web-API">Indago REST API</a><h3 class="rich-heading">Deployment</h3><ul><li>The frontend of the app is deployed on Netlify, a platform for easily deploying and hosting web applications.</li><li>The backend of the app is deployed on Railway, a platform for easily deploying and scaling Node.js applications.</li></ul><h3 class="rich-heading">Roadmap 🛣️</h3><ul><li>Working on Landing page ⏳</li><li>Email confirmation ⏳</li><li>Reset/Forgot password ⏳</li><li>Light/Dark mode ⏳</li></ul><h3 class="rich-heading">Your Suggestions / Feedback</h3>Please let us know your thoughts on our app by sending any suggestions or feedback to <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="mailto:kumaravishek2015@gmail.com">kumaravishek2015@gmail.com</a>.<h3 class="rich-heading">🚀 About Me</h3><ul><li>Full-stack developer with experience in modern web development</li><li>Proficient in React and JavaScript for frontend development</li><li>Skilled in Redux Toolkit for state management in frontend applications</li><li>Experienced in Node.js and Express.js for backend development</li><li>Ability to create efficient and high-performance server-side applications</li><li>Proficient in using TailwindCSS for creating visually appealing and responsive user interfaces</li><li>Passionate about building user-friendly and efficient applications using cutting-edge technologies</li><li>Always eager to learn new technologies and improve skills to provide the best solutions to clients.</li></ul>