前端项目目录结构通常包括以下组件：

1. 项目根目录：存放项目的基本信息，如项目名、文件夹名等。
2. app：存放应用的代码和资源，如HTML、CSS、JavaScript、图片、字体等。
3. public：存放静态资源，如CSS、JavaScript、图片、字体等。
4. public/css：存放公共样式，如CSS文件。
5. public/js：存放公共JavaScript文件。
6. app/main.js：应用的入口文件，负责接收前端请求、处理数据等。
7. app/index.html：应用的主页面，通常包含头部、主体和底部。
8. app/components：存放应用中的组件，如按钮、列表、表单等。
9. app/styles：存放应用中的样式，如字体、颜色、布局等。
10. app/images：存放应用中的图片，如logo、图标等。
11. app/views：存放应用中的视图文件，如列表、表单等。
12. app/config：存放应用配置信息，如数据库连接信息、缓存设置等。
13. app/api：存放应用API接口，如登录、注册、获取数据等。

以上只是一个基本的目录结构，实际项目中可能会根据需求进行调整。