anilyadavup54 / anilyadavup54/tinyURL

Issue: Rewrite Frontend Using React and Vite

オープン
#2 コメント 3 件 リアクション 0 件 担当者 1 名 @anilyadavup54 に割り当て済み GitHub で見る
enhancement good first issue
主要言語
JavaScript
スター
1
フォーク
0
PR マージ指標
30日以内にマージされた PR はありません

説明

### Description

The current frontend of the tinyURL project uses EJS templating for rendering pages. To modernize the application, improve maintainability, and enhance the user experience, we propose rewriting the frontend using **React** with **Vite** as the build tool.

### Tasks

- Set up a new frontend project using [Vite](https://vitejs.dev/) and React.
- Recreate the existing UI components (e.g., URL submission form, short URL display) as React components.
- Consume existing backend APIs via HTTP requests (e.g., using `fetch` or axios).
- Ensure URL shortening and redirection functionalities are fully operational from the React frontend.
- Implement error handling in the frontend for invalid URLs or API errors.
- Implement responsive design for optimal usage on mobile and desktop.
- (Optional) Add UI enhancements such as loading indicators, notifications, or history of recently shortened URLs.

### Acceptance Criteria

- All features currently available in the EJS frontend are supported in the new React-based frontend.
- UI should be clean and user-friendly.
- The frontend lives in a separate `/client` or `/frontend` directory.
- Clear instructions for building and running the new frontend should be provided in the README.

### Additional Notes

- Collaboration and suggestions are welcome!
- Please reference related backend API endpoints and coordinate changes if needed.

---

**Let’s bring a modern SPA experience to tinyURL using React and Vite!**

コントリビューションガイド

このリポジトリのコントリビューションガイドは索引されていません

評価

この issue はまだ評価されていません。

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。