All solutions

The project is a bit incomplete like the todos not get into local storage i will do that soon but for now i am uploading this because i am learning reactJs.

EasyBank Landing Page with React

Hey everyone!

I'm excited to share my latest project, EasyBank Landing Page, built using React! Vite 🚀

Project Description: The goal of this project was to create a modern and user-friendly landing page for EasyBank, a fictional online banking platform. By using React, I was able to build a dynamic and interactive page that provides a seamless browsing experience for users.

Key Features:

• Responsive design for various screen sizes
• Accessibility considerations for an inclusive experience
• Interactive navigation menu with smooth scrolling

Tech Stack: To achieve these features, I utilized the following technologies:

1. React.js - for building the frontend components and managing the UI
2. CSS - for styling
3. React Router - for active link navigation

Lessons Learned: This project was an excellent opportunity for me to deepen my understanding of React and frontend development in general. I learned about the importance of performance optimization, code organization, and best practices for building accessible web applications.

How to Access the Project: You can check out the live version of the EasyBank Landing Page by clicking here.

Feedback: I would love to hear your thoughts and suggestions on the project!

Thank you for taking the time to read about my project! Happy coding! 😄👍

Hello Mentors

• I had a wonderful time working on this project. However, I must admit that I've encountered some errors in the process, particularly related to form checking. If any of you could offer some tips or guidance to help me resolve these issues, I would be extremely grateful.

• The project involved a great deal of enjoyment, and I found it engaging and fulfilling to work on. Yet, I understand that learning is a continuous process, and encountering errors is a natural part of the journey. With the right guidance, I am confident that I can overcome these obstacles and enhance my understanding of form checking techniques.

• If any of you have experience or expertise in form validation, I would highly appreciate any insights you can provide. Whether it's related to best practices, common pitfalls to avoid, or specific troubleshooting tips, all guidance is warmly welcomed.

Thank You ❤️

Open for feedback ❤️❤️

Open for feedback and some tips

Greetings, Mentors!

I recently delved into the world of React for the first time, and I must say, it was a surprisingly smooth journey. Although I did encounter a few hiccups along the way, I found React itself to be quite approachable. However, I recognize that practice is key to mastering this technology and unleashing its full potential.

Among the hurdles I faced, the most formidable one was deploying the React project. Unlike simple websites built with just HTML, CSS, and JavaScript, deploying a React application proved to be more intricate and demanded a deeper understanding of the deployment process.

However, I am eager to embrace this challenge and learn the best practices for deploying React projects effectively.

Thank you for considering my project, and I look forward to the opportunity of learning.

Feedback Appreciated ❤️

Hello! 👋 Mentors This is my solution for e-commerce product page

What I learnt -Used a number of javascript to make website functional.

• The designing was easy but when it comes to make the site functional it takes a lot of time.

Feedback Appreciated ❤️

ThankYou! ❤️ @Frontendmentor

Hello Mentors!

Challenge Completed For Newsletter Sign-Up form

Problems I Faced

• The Whole project was easy buy still writing a code is different then thinking it practically.
• The error code was so confusing. Was a great Project ❤️

Thank You! Frontend Mentor ❤️💕

feel free to comment down.

Hello Mentors:

Blogr Landing Page Full Responsive Challenge Completed

Used Bootstrap For Responsive design

Some problems I faced:

• when made media queries I have to used somewhere display: none !important; idk why for some reason the display: none; "without !important wasn't working" 😅.

• The mobile menu option was so much hard to execute it 🤕. Blogr Live Site

Was Great Experience💙

Thank you Frontend mentor ❤️

Hello! Frontend Mentor Community

This is my challenged solution for sunny side landing page.

• Was a good practice for me to make a full working landing page 📄.
• Used a small CSS Animation to animate the Arrow.
• Made animation stopped on mobile devices.

Thank You! Feedback appreciate ❤️

1. What did you find difficult while building the project?

The js logic building was a bit difficult but when started to write the code it becomes easy a bit.

1. Which areas of your code are you unsure of?

There a still some errors in the code but in future will fix.

1. Do you have any questions about best practices?

As still studying JavaScript till now no doubt.

What did you find difficult while building the project?

• The project was easy but without the perfect pixels it was hard.

Which areas of your code are you unsure of?

• The use of semantic tag till now I am unsure of.

Do you have any questions about best practices?

• I do but right now I am working on it.

What did you find difficult while building the project? --> Didn't Include json file. That was only difficulty I faced But soon I will overcome that difficulty.

Which areas of your code are you unsure of? --> semantic tags.

What did you find difficult while building the project? --> making it resposive was the only problem i faced.

Which areas of your code are you unsure of? --> Mid responsive i guess..

What did you find difficult while building the project? --Some exact height and width

Which areas of your code are you unsure of? --Size of containers