https://github.com/sreehari2003/devfolio-dnd

internship assignment
https://github.com/sreehari2003/devfolio-dnd

Last synced: 7 days ago
JSON representation

internship assignment

• Host: GitHub
• URL: https://github.com/sreehari2003/devfolio-dnd
• Owner: sreehari2003
• Created: 2024-04-29T21:46:43.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-05-02T14:28:44.000Z (6 months ago)
• Last Synced: 2024-10-11T00:14:50.288Z (29 days ago)
• Language: TypeScript
• Homepage: https://dnd-devfolio.vercel.app
• Size: 24.7 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Internship Task - Devfolio

- How to run the code 

```bash

pnpm install

pnpm run dev

```

https://github.com/sreehari2003/devfolio-dnd/assets/66205494/07c95fbd-afd8-4f3a-8f48-17aca21aeb39

## Challenge one 



  
Added DND support

  
Added supabase support to save tags

  
Added react select to add new tags

 


## Challenge two 



  
Added Css Properly

 


## Tech Used

- React js

- Typescript

- Css

- Supabase

### Code Quality 

- I have made sure to use all api call as hook

- Reduced number of useEffect hook

- Stored all 10 tags in supabase ui with tagName as null



### Things that can be improved

- Animation in dnd reordering

- Css Margin flickering when hover

### More Info

- I have used chatgpt , mdn docs and youtube to understand html dnd methods.

- For css I had to revisit how css postion properties works

## Folder structure