anilyadavup54 / anilyadavup54/tinyURL

Issue: Rewrite Frontend Using React and Vite

未关闭
#2 3 条评论 0 个 reaction 已指派 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 摘要。