1. Autosuggest input Feature, fetching data from Backend.
2. Redux Toolkit for state management.
3. Node Js for backend development of the required APIs.
4. SSR (Server Side Rendered)* enabled.
5. typescript for type checking.
6. Webpack to bundle and run the code.
7. Used functional programming concepts.
8. styled-components to organize the CSS.
9. used render to host the Backend.
10. used vercel to host the Frontend.
- First
git clone
the repository. - go to
/client
directory. npm install
to install the dependency.npm start
to run the application on localhost:3000.
npm run build
to make the dist folder.npm run ssr
to start the server on localhost:8080.
*note: Vercel do not allow Server Side Rendering for React Application, Please Do manual setup to check the SSR
.
*note: Backend is already deployed on render, Database environment setup is not required
.