A full-stack website with search and filtering functionality for help cards, built using Nextjs and Express.
Help-Center is a highly customizable help center application built with Next.js and React. It features a modular design, allowing you to easily search and filter between various help cards.
https://help-center-mauve.vercel.app/
https://github.com/ankkitsharma/help-center/
- Hero component with search bar for filtering between help cards.
- Built with Next.js and React for fast and efficient rendering
- Responsive design for optimal viewing on desktop and mobile devices
- Easy to customize and extend with new features and functionality
- Api routes for getting all cards, a specific card and creating a card.
- Showcased the use of React Query for efficient data fetching and caching from the API.
- Next.js (https://nextjs.org/) - A popular React framework for building server-side rendered (SSR) and statically generated websites and applications.
- TypeScript (https://www.typescriptlang.org/) - A typed superset of JavaScript that compiles to plain JavaScript.
- React Query (https://tanstack.com/query/latest) - Powerful asynchronous state management for TS/JS, React, Solid, Vue, Svelte and Angular.
- Express (https://expressjs.com/) - Fast, unopinionated, minimalist web framework for Node.js
- Node.js (https://nodejs.org/en) - Node.js® is a free, open-source, cross-platform JavaScript runtime environment that lets developers create servers, web apps, command line tools and scripts.
To get started with Help-Center, follow these steps:
- Clone the repository: git clone https://github.com/ankkitsharma/help-center
cd client
for client andcd server
for server- Install dependencies:
npm install
oryarn install
- Start the client application:
npm run dev
and the server:npm start
- Open your web browser and navigate to http://localhost:3000
- Or just visit the hosted website: https://help-center-mauve.vercel.app/