https://github.com/dev-robin3012/lemon-hive
https://github.com/dev-robin3012/lemon-hive
apollo-client dnd graphql-api momentjs nextjs tailwindcss typescript
Last synced: about 1 year ago
JSON representation
- Host: GitHub
- URL: https://github.com/dev-robin3012/lemon-hive
- Owner: dev-robin3012
- Created: 2022-11-24T14:33:55.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-01-09T23:19:26.000Z (over 3 years ago)
- Last Synced: 2025-02-14T02:29:41.024Z (over 1 year ago)
- Topics: apollo-client, dnd, graphql-api, momentjs, nextjs, tailwindcss, typescript
- Language: TypeScript
- Homepage: lemon-hive-jade.vercel.app
- Size: 2.69 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## React Conference [Click here to see live](https://lemon-hive-jade.vercel.app/)
This is a [Next.js](https://nextjs.org/) project bootstrapped with `TypeScript`.
Used technologies and tools are mentioned below:
- `Tailwind` for styling.
- `Apollo Client` `graphql` for fetch data from GraphQL Endpoint.
- `react-dnd` for drag and drop component.
- `momentJs` for create large event calendar.
- `react-icons` for usable icons.
### Overview
Schedule section on landing page, schedule data (conference) is totally dynamic as per the instruction. A conference is coordinately visible when calendar is satisfied with the conditions. Conditions are:
- conference schedule date should be matched with calendar date.
- And conference begin time should be matched with calendar time cell.
User can see more information about a conference in another page. For this, user should have click on a conference. In the conference details page, User get to know about speakers,organizer, locations, sponsors, schedule in separate tab append in sidebar. Navigator tab items are draggable! So that user can change tab items order. Ideally whole implementation is responsive for large, tablet and small screen.