Projects in Awesome Lists by Hi-Dear-486
A curated list of projects in awesome lists by Hi-Dear-486 .
https://github.com/hi-dear-486/car-hub
Use Next.js 13 App Router and Server side Rendering, Implement Advanced Search Functionality, Create Filtering Capabilities, Optimize Metadata and SEO, Create custom filter, combo box, and modal elements Maintain a well-organized file and folder structure. Embrace the principles of writing clean code.
headlessui nextjs rapidapi reactjs tailwindcss typescript
Last synced: 25 Jan 2025
https://github.com/hi-dear-486/expressjs
Express.js is a lightweight and flexible Node.js web framework that simplifies web and API development. It provides features like routing, middleware, static file serving, and request handling. Widely used for building RESTful APIs, it allows developers to create scalable, asynchronous, and efficient applications with minimal configuration.
Last synced: 24 Dec 2024
https://github.com/hi-dear-486/js-advance-topics
Mastering these topics equips developers to build scalable, efficient, and maintainable JavaScript applications.
Last synced: 24 Dec 2024
https://github.com/hi-dear-486/mongodb-crud-operations
A Comprehensive Guide provides an in-depth overview of the four fundamental database operations—Create, Read, Update, and Delete. This guide covers syntax, best practices, and practical examples, enabling developers to efficiently manage and manipulate data in MongoDB, from basic commands to advanced techniques for scalable and robust applications.
expressjs javascript mongodb nextjs reacthookform shadcn-ui tailwindcss zod-validation
Last synced: 06 Jan 2025
https://github.com/hi-dear-486/mastering-typescript
TypeScript has become increasingly important in the software development world for several reasons. It provides benefits that go beyond JavaScript, offering enhanced productivity, code quality, and maintainability. Below are the key reasons why TypeScript is important: ### 1. **Static Typing** - **Error Prevention:** TypeScript allows developer
Last synced: 29 Dec 2024
https://github.com/hi-dear-486/discover-players-full-stack-app
Discover Players is a full-stack app built with Next.js , React, and Tailwind CSS, enabling users to explore and connect with athletes across various sports. It leverages Firebase for real-time data management and NextAuth for secure authentication, ensuring a seamless experience. The responsive design allows easy access on all devices, making it
firebase googlecloud next-js nextauth react reacthookform tailwind-css yup-validation
Last synced: 21 Jan 2025
https://github.com/hi-dear-486/movie-flix-app
MovieFlix is a dynamic movie browsing application built with Next.js, leveraging Redux Toolkit for state management and Firebase for data storage. The app features infinite scrolling to enhance user experience, allowing seamless browsing of movies without interruptions.
automatic-updates-on-refresh bestpractice data-fetching-from-api dynamic-routing firebase-integration infinite-scroll nextjs redux-toolkit sass
Last synced: 16 Dec 2024
https://github.com/hi-dear-486/patient-management-system
Build a healthcare platform that streamlines patient registration, appointment scheduling, and medical records, and learn to implement complex forms.
firebase javascript nextjs react tailwindcss
Last synced: 17 Jan 2025
https://github.com/hi-dear-486/the-best-way-to-write-hooks-
The best way to write hooks in React enhances code readability, promotes reusability, and simplifies state management. Custom hooks encapsulate logic, making components cleaner and easier to maintain. They also facilitate sharing functionality across components, improving development efficiency and enabling
Last synced: 29 Dec 2024
https://github.com/hi-dear-486/git--github
Git is a version control system that tracks changes in code. Developers use it to manage and collaborate on their code. GitHub is a cloud-based platform that hosts Git repositories. It is primarily used for code hosting, version control, collaboration, and project management.
best-practices branching-and-merging collaborating-with-git getting-started-with-git git-configuration-and-setup git-repositories github-actions-and-ci-cd introduction-to-github introduction-to-version-control project-management-with-github resolve-merge-conflicts
Last synced: 29 Dec 2024
https://github.com/hi-dear-486/signup-signin-with-firebase
Firebase provides authentication services for easy sign-in and sign-up. Using Firebase Authentication, users can sign up with email/password,.It handles account creation, login, password recovery, and security, enabling developers to integrate authentication into apps with minimal setup and enhanced user exp
firebase-auth nextjs reacthookform typescript zod-validation
Last synced: 03 Feb 2025
https://github.com/hi-dear-486/send-form-data-to-gmail-via-emailjs
To send form data to Gmail via EmailJS in React, use react-hook-form for form handling and validation. On form submission, trigger emailjs.sendForm() with your form reference to send the data to an EmailJS service template, which forwards it to Gmail. Reset the form after submission.
nextjs reacthookform typescript zod-validation
Last synced: 03 Feb 2025
https://github.com/hi-dear-486/infinitescrollcomponent
Create a seamless infinite scroll bar using React and Next.js, powered by Axios for efficient data fetching. The `react-infinite-scroll-component` library enables smooth content loading, enhancing user experience by automatically fetching more items as the user scrolls. Ideal for applications with large datasets or dynamic content, ensuring fluid n
axios nextjs react-infinite-scroll-component reactjs
Last synced: 29 Dec 2024
https://github.com/hi-dear-486/projects-gallery-tool
Showcase your projects with a full-stack app built using Next.js. This tool integrates React, Firebase, and NextAuth for seamless authentication, while Tailwind CSS offers sleek styling. Enhance form management with React Hook Form or Yup, and leverage Google Cloud for robust hosting and scalability. Perfect for developers!
firebase googlecloud nextauthjs nextjs reacthookform reatctjs tailwindcss yup-validation
Last synced: 15 Dec 2024
https://github.com/hi-dear-486/react-testing-library-and-jest
**React Testing Library** is a library for testing React components by focusing on user interactions and behavior rather than implementation details. It encourages tests that resemble how users interact with the app. **Jest** is a JavaScript testing framework that works seamlessly with React Testing Library to run tests, mock functions, and handle
react testing-library testing-library-dom testing-library-jest-dom
Last synced: 03 Feb 2025
https://github.com/hi-dear-486/mernauthentication
MERN authentication with Express and MongoDB involves using **MongoDB** as the database to store user data and authentication details, **Express** for building the server and handling API routes, and **Next js** for the frontend. **JWT** (JSON Web Tokens) is often used for secure user authentication and session management.
bcrypt cookie-parser cors dotenv expressjs mongodb nextjs nodemailer tailwindcss twilio-voice
Last synced: 28 Jan 2025