https://github.com/codewithmide/getlinkedai
Where Dreams Meet Opportunities for a Perfect Match!
https://github.com/codewithmide/getlinkedai
javascript jest nextjs typescript vercel
Last synced: 12 months ago
JSON representation
Where Dreams Meet Opportunities for a Perfect Match!
- Host: GitHub
- URL: https://github.com/codewithmide/getlinkedai
- Owner: codewithmide
- Created: 2023-09-21T12:33:53.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-09-23T19:30:28.000Z (over 2 years ago)
- Last Synced: 2025-01-12T13:23:44.676Z (about 1 year ago)
- Topics: javascript, jest, nextjs, typescript, vercel
- Language: TypeScript
- Homepage: https://get-linkedai.vercel.app
- Size: 10 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# GetLinkedAI
[](https://wakatime.com/badge/user/fa7f7dfa-31c0-4185-8964-8be612dd48ed/project/bf5b7806-99c6-405b-a2de-952c2140a4aa)
## Overview
GetLinkedAI is a place where **Dreams Meet Opportunities** for a Perfect Match!. It helps with connecting exceptional talents with forward-thinking employers, and it offers a harmonious synergy that breeds success. You can [access the hackathon live demo here](https://get-linkedai.vercel.app/) or explore the [GitHub repository](https://github.com/codewithmide/getLinkedai) for more details about the challenge.
## Table of Contents
- [Challenges](#challenges)
- [Lessons Learned](#lessons-learned)
- [Technologies Used](#technologies-used)
- [Getting Started](#getting-started)
- [Usage](#usage)
- [Contact](#contact)
## Challenges
During the development of the web application, I encountered several challenges related to the use of various technologies and tools. These challenges included:
- **Integrating Formik and Yup:** Incorporating Formik and Yup for form management and validation posed an initial learning curve. I needed to understand how to seamlessly integrate these libraries into my project.
- **Styling with Tailwind CSS:** Enhancing the user interface and achieving a polished design with Tailwind CSS required me to improve my CSS skills. Customizing the styles to align with the design was a challenge.
- **Data Handling with Axios:** Efficiently handling data requests and responses using Axios required careful implementation, error handling, and optimization.
I overcame these challenges by:
- **In-Depth Documentation:** I extensively referred to Formik and Yup documentation, ensuring that I fully understood their capabilities and best practices. This helped me integrate them smoothly.
- **CSS Practice:** I dedicated time to practicing and improving my CSS skills, experimenting with Tailwind CSS's utility classes, and referring to Tailwind CSS documentation and tutorials.
## Lessons Learned
Working on GetLinkedAI hackathon challenge provided me with valuable lessons and insights, including:
- **Improved CSS Skills:** I significantly improved my CSS skills, mastering the art of designing visually appealing user interfaces with Tailwind CSS.
- **Effective Library Integration:** I learned the importance of in-depth library exploration and proper integration, which enhanced my project's overall quality and efficiency.
## Technologies Used
The application is built using various technologies and libraries, each serving a specific purpose:
- **Next.js:** I used Next.js as the front-end framework for building a server-rendered React application. It simplifies routing and provides excellent SEO capabilities.
- **React:** React is the core library for building the user interface components, enabling a dynamic and responsive front end.
- **Formik and Yup:** Formik handles form management, while Yup is used for form validation. These libraries together streamline the form-handling process.
- **Tailwind CSS:** Tailwind CSS is responsible for styling and layout. I leveraged its utility-first approach for a consistent and responsive design.
- **Axios:** Axios is used for making HTTP requests to the back end, ensuring efficient data handling.
- **React Hot Toast:** React Hot Toast provides toast notifications for user feedback during form submissions and other interactions.
## Getting Started
To run the app locally, follow these steps:
1. Clone the repository:
```bash
git clone https://github.com/codewithmide/getLinkedai.git
cd your-repo
```
2. Install dependencies:
```bash
npm install
```
3. Start the development server:
```bash
npm run dev
```
## Usage
You can access the live demo to interact with application by accessing this url in your browser. Feel free to explore its features and functionalities.
```web
https://localhost:3000
```
## Contact
- Email:
- X: