This is another version of tretton37's meet us page with React and NextJS for SSR

As an extra, I made my own API and stored the data on a MongoDB database and the code is available on the API branch (It has a lot to improve)

You can see the project live on :

https://tretton37-rho.vercel.app/

And here is the deployed version with my own API:

https://tretton37api.vercel.app/

• Support for color blindness

  I think accessibility matters a lot, It's important to make sure most of the people with all sorts of conditions can use your website.

  In the design process, I tried to use high-contrast colors and I double-checked that using Coblis color blindness simulator

• Responsive design, works on mobile and tablets

  Responsiveness became a standard and personally, I can't ship a front-end that is not responsive

• Use modern CSS throughout the application

  I used CSS-grid, clamp, variables, clip-path, and appearance property

• Filter by name and office

  We have a lot of records and In my opinion, It was necessary to have filters for better user experince

• Only render a set of profiles using either infinity scroll, pagination or a load more button

  Again, We have a lot of records and it's more efficient to load them in chunks, I used infinity scroll for that

• Available on a free public URL

  I wanted this to be easily presentable, So I deployed that to Vercel

• Use Typescript

  Along with the great type safety features that it brings, I can validate my prop types without using an external library

• Integration tests of components

  Testing is a way to have cleaner code and ensure reliability and quality, Also it makes maintenance and deployment much more efficient (ex: in CI/CD pipeline)

Installing the packages :

yarn install
#or
npm install

Running the development server:

npm run dev

The project will be accessible at http://localhost:3000 after running this command

Run this in order to run the integration test by cypress:

npm run cypress:open

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

MIT