React NEXT Project Tusk

Build and Deploy a Modern Next.js 13.4 Application | React, Next JS 13, TypeScript, Tailwind CSS

Introduction

Alongside building this application, you'll also learn how to:

• Use Next.js 13.4 App Router and Server Side Rendering
• Implement Advanced Data Faching Functionality
• Create Filtering Capabilities
• Optimize Metadata and SEO
• Create custom filter, combobox, and modal elements
• Maintain a well-organized file and folder structure.
• Embrace the principles of writing clean code.

Frontend Home page

I created Front End Next.js 13.4 Application | React, Next JS 13, TypeScript, Tailwind CSS

Live Preview     Code Link

Frontend Conference Details page

Live Preview     Code Link

GraphQL API

I created GraphQL API using NEXT REACT Project.

Live Preview     Code Link

What to do

1. The hero and the footer section will be static.
2. Schedule section's data will be totally dynamic (given data are just an example)
3. Clicking on any conference from the conference card, will open it on a new page that contains conference details information.
4. The position of sidebars items on the conference details page should be swappable. You can use any package for drag.  Follow the link (https://codepen.io/siniger/pen/gOLmrob) for clarification.
5. For rearranging side menu items, you can use any third party package but if you write a js function by your own-self, it will be a plus.
6. Ideally, your implementation should be responsive.

What to use

1. Core CSS/Tailwind CSS
2. Next.js for front-end. (Version 13.4 will be a plus.)
3. GraphQL API for data integration.
4. Using typescript will be a plus.

Necessary Resources

1. [Design Link] ()

2. Design Prototype

3. GraphQL API